<script type="text/javascript">
$(window).load(function(){ //$(window).load() must be used instead of $(document).ready() because of Webkit compatibility

/*---------------------------------
 *	Example #01 Simple usage
 *---------------------------------*/
$(".transition-demo01").sliderkit({
    auto:1,
    autostill:true,
    timer:true,
    circular:true,
    panelfx:'fancy',
    imagefx:{
        fxType: 'random' // curtain, zipper, wave, fountain, random
    },
    debug:1
});

/*---------------------------------
 *	Example #01 > Playing with transitions
 *---------------------------------*/

// Get the sliderkit object data
var myGallery01 = $( '.transition-demo01' ).data( 'sliderkit' );

// Links handlers
$("#curtain_default").click(function(){
    myGallery01.options.imagefx.fxType = 'curtain';
    myGallery01.options.imagefx.stripOrientation = 'default';
    myGallery01.options.imagefx.stripPosition = 'default';
    myGallery01.options.imagefx.stripDirection = 'default';
    return false;
});
$("#curtain_dirreverse").click(function(){
    myGallery01.options.imagefx.fxType = 'curtain';
    myGallery01.options.imagefx.stripOrientation = 'default';
    myGallery01.options.imagefx.stripPosition = 'default';
    myGallery01.options.imagefx.stripDirection = 'reverse';
    return false;
});
$("#curtain_flipdefault").click(function(){
    myGallery01.options.imagefx.fxType = 'curtain';
    myGallery01.options.imagefx.stripOrientation = 'reverse';
    myGallery01.options.imagefx.stripPosition = 'default';
    myGallery01.options.imagefx.stripDirection = 'default';
    return false;
});
$("#curtain_flipdirreverse").click(function(){
    myGallery01.options.imagefx.fxType = 'curtain';
    myGallery01.options.imagefx.stripOrientation = 'reverse';
    myGallery01.options.imagefx.stripPosition = 'default';
    myGallery01.options.imagefx.stripDirection = 'reverse';
    return false;
});
$("#curtain_defaultdirauto").click(function(){
    myGallery01.options.imagefx.fxType = 'curtain';
    myGallery01.options.imagefx.stripOrientation = 'default';
    myGallery01.options.imagefx.stripPosition = 'default';
    myGallery01.options.imagefx.stripDirection = 'auto';
    return false;
});
$("#wave_default").click(function(){
    myGallery01.options.imagefx.fxType = 'wave';
    myGallery01.options.imagefx.stripOrientation = 'default';
    myGallery01.options.imagefx.stripPosition = 'default';
    myGallery01.options.imagefx.stripDirection = 'default';
    return false;
});
$("#wave_default_dirright").click(function(){
    myGallery01.options.imagefx.fxType = 'wave';
    myGallery01.options.imagefx.stripOrientation = 'default';
    myGallery01.options.imagefx.stripPosition = 'default';
    myGallery01.options.imagefx.stripDirection = 'reverse';
    return false;
});
$("#wave_reverse_dirleft").click(function(){
    myGallery01.options.imagefx.fxType = 'wave';
    myGallery01.options.imagefx.stripOrientation = 'default';
    myGallery01.options.imagefx.stripPosition = 'reverse';
    myGallery01.options.imagefx.stripDirection = 'default';
    return false;
});
$("#wave_reverse_dirright").click(function(){
    myGallery01.options.imagefx.fxType = 'wave';
    myGallery01.options.imagefx.stripOrientation = 'default';
    myGallery01.options.imagefx.stripPosition = 'reverse';
    myGallery01.options.imagefx.stripDirection = 'reverse';
    return false;
});
$("#wave_flip_dirleft").click(function(){
    myGallery01.options.imagefx.fxType = 'wave';
    myGallery01.options.imagefx.stripOrientation = 'reverse';
    myGallery01.options.imagefx.stripPosition = 'default';
    myGallery01.options.imagefx.stripDirection = 'default';
    return false;
});
$("#wave_flip_dirright").click(function(){
    myGallery01.options.imagefx.fxType = 'wave';
    myGallery01.options.imagefx.stripOrientation = 'reverse';
    myGallery01.options.imagefx.stripPosition = 'default';
    myGallery01.options.imagefx.stripDirection = 'reverse';
    return false;
});
$("#wave_flipreverse_dirleft").click(function(){
    myGallery01.options.imagefx.fxType = 'wave';
    myGallery01.options.imagefx.stripOrientation = 'reverse';
    myGallery01.options.imagefx.stripPosition = 'reverse';
    myGallery01.options.imagefx.stripDirection = 'default';
    return false;
});
$("#wave_flipreverse_dirright").click(function(){
    myGallery01.options.imagefx.fxType = 'wave';
    myGallery01.options.imagefx.stripOrientation = 'reverse';
    myGallery01.options.imagefx.stripPosition = 'reverse';
    myGallery01.options.imagefx.stripDirection = 'reverse';
    return false;
});
$("#fountain_default").click(function(){
    myGallery01.options.imagefx.fxType = 'fountain';
    myGallery01.options.imagefx.stripOrientation = 'default';
    myGallery01.options.imagefx.stripPosition = 'default';
    myGallery01.options.imagefx.stripDirection = 'default';
    return false;
});
$("#fountain_default_random").click(function(){
    myGallery01.options.imagefx.fxType = 'fountain';
    myGallery01.options.imagefx.stripOrientation = 'default';
    myGallery01.options.imagefx.stripPosition = 'default';
    myGallery01.options.imagefx.stripDirection = 'random';
    return false;
});
$("#fountain_reverse").click(function(){
    myGallery01.options.imagefx.fxType = 'fountain';
    myGallery01.options.imagefx.stripOrientation = 'default';
    myGallery01.options.imagefx.stripPosition = 'reverse';
    myGallery01.options.imagefx.stripDirection = 'default';
    return false;
});
$("#fountain_reverse_random").click(function(){
    myGallery01.options.imagefx.fxType = 'fountain';
    myGallery01.options.imagefx.stripOrientation = 'default';
    myGallery01.options.imagefx.stripPosition = 'reverse';
    myGallery01.options.imagefx.stripDirection = 'random';
    return false;
});
$("#fountain_flip_default").click(function(){
    myGallery01.options.imagefx.fxType = 'fountain';
    myGallery01.options.imagefx.stripOrientation = 'reverse';
    myGallery01.options.imagefx.stripPosition = 'default';
    myGallery01.options.imagefx.stripDirection = 'default';
    return false;
});
$("#fountain_flip_random").click(function(){
    myGallery01.options.imagefx.fxType = 'fountain';
    myGallery01.options.imagefx.stripOrientation = 'reverse';
    myGallery01.options.imagefx.stripPosition = 'default';
    myGallery01.options.imagefx.stripDirection = 'random';
    return false;
});
$("#fountain_flip_reverse").click(function(){
    myGallery01.options.imagefx.fxType = 'fountain';
    myGallery01.options.imagefx.stripOrientation = 'reverse';
    myGallery01.options.imagefx.stripPosition = 'reverse';
    myGallery01.options.imagefx.stripDirection = 'default';
    return false;
});
$("#fountain_flip_reverse_random").click(function(){
    myGallery01.options.imagefx.fxType = 'fountain';
    myGallery01.options.imagefx.stripOrientation = 'reverse';
    myGallery01.options.imagefx.stripPosition = 'reverse';
    myGallery01.options.imagefx.stripDirection = 'random';
    return false;
});
$("#zipper_default").click(function(){
    myGallery01.options.imagefx.fxType = 'zipper';
    myGallery01.options.imagefx.stripOrientation = 'default';
    return false;
});
$("#zipper_flip").click(function(){
    myGallery01.options.imagefx.fxType = 'zipper';
    myGallery01.options.imagefx.stripOrientation = 'reverse';
    return false;
});

/* Transitions settings */
$( '#transitionsSettings #fxDelay' ).change(function () {
    myGallery01.options.imagefx.fxDelay =  $( 'option:selected', $(this) ).text();
});
$( '#transitionsSettings #fxDuration' ).change(function () {
    myGallery01.options.imagefx.fxDuration =  parseInt($( 'option:selected', $(this) ).text());
});

/*---------------------------------
 *	Example #02 Custom usage
 *---------------------------------*/
$(".transition-demo02").sliderkit({
    auto:false,
    shownavitems:4,
    mousewheel:true,
    counter:true,
    panelfx:'fancy',
    imagefx:{
        fxType: 'zipper', // curtain, zipper, wave, fountain, random
        fxDelay: 150, // delay between strips in ms
        fxDuration: 800, // delay between strips in ms
        strips: 3, // number of strips
        stripOrientation: 'reverse', // default, reverse
        stripPosition: 'default', // default, reverse
        stripDirection: 'default' // default, reverse, random
    },
    debug:1
});

});
</script>

<!-- Slider Kit styles -->
<link rel="stylesheet" type="text/css" href="css/sliderkit/sliderkit-core.css" media="screen, projection" />
<link rel="stylesheet" type="text/css" href="css/sliderkit/sliderkit-demos.css" media="screen, projection" />
<!-- Slider Kit compatibility -->
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/sliderkit/sliderkit-demos-ie6.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/sliderkit/sliderkit-demos-ie7.css" /><![endif]-->
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="css/sliderkit/sliderkit-demos-ie8.css" /><![endif]-->
<!-- Site styles -->
<link rel="stylesheet" type="text/css" href="../lib/css/sliderkit-site.css" media="screen, projection" />
<style></style>

<div style="height:10px;">&nbsp;</div>
<div class="homeBigSlide">
<div class="slide">
<!-- Start example #01 -->
<div class="sliderkit photoslider-mini transition-demo01">
<div class="sliderkit-btn sliderkit-go-btn sliderkit-go-prev"><a rel="nofollow" href="#" title="Previous"><span>Previous</span></a></div>
<div class="sliderkit-btn sliderkit-go-btn sliderkit-go-next"><a rel="nofollow" href="#" title="Next"><span>Next</span></a></div>
<div class="sliderkit-panels">
<div class="sliderkit-panel"> <img src="images/sliderkit/bannerSlide1.jpg" alt="[Alternative text]" /> </div>
<div class="sliderkit-panel"> <img src="images/sliderkit/bannerSlide2.jpg" alt="[Alternative text]" /> </div>
<div class="sliderkit-panel"> <img src="images/sliderkit/bannerSlide3.jpg" alt="[Alternative text]" /> </div>
</div>
<div class="sliderkit-timer-wrapper">
<div class="sliderkit-timer"></div>
</div>
</div>
<!-- // end of example #01 -->
</div>



<div class="enqForm">
<div class="enqH">Enquiry Form</div>
<div class="enqIn"><form action="#" method="post">
<ul>
<li><label><?php echo $name; ?></label><br/><input class="demoName" name="name" maxlength="30" required="required"/></li>
<li><label><?php echo $phone; ?></label><br/><input class="demoPhone" type="number" name="phone" required="required" /></li>
<li><label><?php echo $email; ?></label><br/><input class="demoEmail" type="email" name="email" required="required" /></li>
<li><label><?php echo $program; ?></label><br/>
<select class="demoProgram">
<option><?php echo $select, ' ', $program; ?></option>
</select>
</li>
<li><label><?php echo $center; ?></label><br/><select class="demoCenter">
<option><?php echo $select, ' ', $center; ?>
</option></select></li>
<li><div class="submit"><?php echo $submit; ?></div></li>
</ul></form>
</div>
</div>
<div class="blank"></div>
</div>
<div style="height:10px;">&nbsp;</div>